/* CSS Document */

body	{  
    margin:0px;
    font:normal 12px/20px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    background-color:#fff;
}

* html 	{
    margin:0;padding:0;
}


.img_border	{
    padding:1px;  
    background:#FFFFFF;
    border:5px solid #CFCFCF;
    margin-bottom:10px; 

}

.img_border:hover 	{
    border:5px solid #aaa;
}	

a	{
    text-decoration:none;
    color:#3E3E3E;
    outline:none;	
}

a:hover	{
    color:#D26D26;
    text-decoration:underline;
}


.alignleft	{
    float:left;
    margin:10px 20px 10px 0;
}

.alignright	{
    float:right;
    margin:0px 5px 15px 15px;	
}

.aligncenter	{
    clear:both;
    display:block;
    margin:10px auto;
    padding:10px 0;
}			

.floatleft { float:left; }	
.floatright { float:right;}	

.clear	{	clear:both;	}

p	{
    margin: 5px 0 15px 0;
    color:#5c5c5c;
    font-size:12px;
}


.img	{
    border:2px solid #eee;
    margin:10px 30px  10px 0;
    padding:5px;

}

.border	{
    background:#f5f5f5;
    border:1px solid #b7b7b7;
    padding:3px;
}

#Wrapper{
    width:960px;
    background-color:#FFF;
    margin:auto;
    -moz-box-shadow:0px  0px 10px #666;
    -webkit-box-shadow:0px 0px 10px #666;
    box-shadow:0px 0px 10px #666;
}

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('../fonts/PT_Sans_Narrow.eot');
    src: local('PT Sans Narrow Regular'), local('PTSans-Narrow'), url('../fonts/PT_Sans_Narrow.woff') format('woff'), url('../fonts/PT_Sans_Narrow.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/PT_Sans_Bold.eot');
    src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/PT_Sans_Bold.woff') format('woff'), url('../fonts/PT_Sans_Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PT_Sans.eot');
    src: local('PT Sans Regular'), local('PTSans-Regular'), url('../fonts/PT_Sans.woff') format('woff'), url('../fonts/PT_Sans.ttf') format('truetype');
}


/* Headings
------------------------------------------------------*/
#header{
    width:960px;
    /*overflow:hidden;*/}


h1	{
    font: normal 28px/28px "PTSansBold", "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0;
    color:#000;
}

h2	{
    font: normal 25px/26px "PTSansBold", "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#000;
    margin:0 0 10px 0;	
}

h3 	{ 
    font: normal 22px/24px "PTSansBold", "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#000;
    margin:0 0 10px 0;
}

h4 	{ 
    font: normal 18px/20px "PTSansBold", "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#000; 
    margin:0;
}

h5 	{ 
    font: bold 14px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#000; 
    margin:0;
}

h6 	{ 
    font: italic normal 12px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#000; 
    margin:0;
}


/* Page Structure
------------------------------------------------------*/	



/* header
------------------------------------------------------*/	


.logo a	{
    background:url(../images/logo.png) no-repeat;
    margin:20px 0px 0 0px;
    text-indent:-9999px;
    display:block;
    border:0;
    width:198px;
    height:52px;
}



/* topmenu
------------------------------------------------------*/
#menu	{
    float:right;
}


/* index sliderpart
--------------------------------------------------------------------------------------------------*/

#sliderbg	{
    width:100%;
    /*	height:310px; */

} 	
.slider_text	{
    margin:0;
    padding:0;	
}

.slider_text h1	 {
    margin:60px 0 0 10px;
}

.slider_text p	{
    margin:20px 0 0px 10px;
}

.button	{
    margin:20px 0 20px 10px;
}


/* slider
------------------------------------------------------*/			

/*navigator*/
#nav{
    /*width:970px;
	height:36px;
	*/
    float:right;
    height:30px;
    width:100%;
}

/* Sub Header
------------------------------------------------------*/
#subheader	{

    margin:0px;
    padding: 0px;
    background:url(../images/subheaderbg.jpg) repeat-x;
    height:100px;

}

#subheader h2	{
    color:#fff;
    margin:30px 0;
}

#subheader p	{
    float:right;
    color:#fff;
    font-size:10px;
    margin:40px 0;
    text-transform:uppercase;
}


/* Mid Content
------------------------------------------------------*/	
.midcontent	{

    padding:0px;
    margin:0px;
}

.content	{


    padding:20px 0px 30px;
}

.content_left	{


    padding:20px 0px 30px 8px;
}
.content_right	{


    padding:20px 7px 30px 0px;
}

.line	{
    border-right:1px solid #ddd;
}

#work ul{
    direction:inherit;
    padding:10px 20px;;
    list-style:disc;
    list-style-position:inside;
    height:217px;
    background-color:#f8fcff;
}
#work li{
    position:relative;
    border-bottom:#666 1px dashed;
}
#work a:hover{
    color:#999;}
#work span{
    position:absolute;
    right:8px;}


#video ul{
    direction:inherit;
    padding:10px 15px;;
    list-style:none;
    height:170px;
    background-color:#f8fcff;
}
#video img{
    border:none;}
#video li{
    float:left;
    margin:5px 10px;}
/* sidebarbox(index)
--------------------------------------------------------*/

.sidebarbox ul{
    direction:inherit;
    padding:10px;
    color:#db6e27;
    list-style:disc;
    list-style-position:inside;
    height:217px;
    line-height: 27px;
}


.sidebarbox a{
    color:#db6e27;
}

.sidebarbox h3 		{ 
    color:#4D4C4C;
    text-align:center;
    padding-bottom: 10px;
    margin:0;
    text-decoration:none;
}


.sidebarbox, .sidebarsubmenu, .box{
    border:1px solid #cbcbcb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
}

.tour	{
    padding:0px 0 0 10px;


}

.sidebarsubmenu ul{
    direction:inherit;
    list-style:none;
    height:170px;
    background-color:#f8fcff;
    padding:10px 0px;;
}
.sidebarsubmenu li{
    padding:0 20px;
    height:28px;
    line-height:28px;
}                        
.ex{
    background-color:#c4dcf0;}
.ex2{
    background-color:#d7e9fa;}

/* Sidebar
--------------------------------------------------------*/



.imgborder	{
    padding:3px;
    border:1px solid #dadada;
}

.img	{
    background:#dee0e1;
    padding:5px;
    float:left;
    margin-right:15px;
}

.l1	{list-style:circle;

}	


ul.newslist {
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
}

ul.newslist li {
    padding:10px 0; 
    font-size:11px;
    line-height:normal;
    border-bottom:1px solid #ddd;
}

ul.newslist li h5 {
    font-weight:bold;
    margin-top:8px;
}

ul.newslist li span	{
    font-size:10px;
    font:normal 10px Tahoma, "Trebuchet MS", sans-serif;
    color:#5c5c5c;
    padding:2px 0;
    display:inline;
    text-align:left;
}



/* Read More
------------------------------------------------------*/

a.read	{

    float:left;
    background:url(../images/arrow.jpg)  0px 50% no-repeat;
    text-decoration:none;
    padding:0px 0 0px 15px;
    margin-left:5px;
    margin-bottom:10px;

}


a.read:hover	{
    color:#0091D4;	
}



/* recentposts
------------------------------------------------------*/
ul.recentposts	{

    margin:0px 0px 10px 0;
    padding:0;
    list-style:none;
    border-bottom:1px solid #dddddd;			
}



ul.recentposts li	{
    padding:6px 0px;
    color:#666666;
    border-bottom:1px solid #dddddd;
}



ul.recentposts li p	{
    margin:0 0 10px 0;	
    padding:0;
}



ul.recentposts li a:link, ul.recentposts li a:visited, ul.recentposts li a:active	{
    padding:0px 0px;
    text-decoration:none;
}



ul.recentposts li a:hover	{
    color:#006FB7;
    padding:0px 0px;
    text-decoration:none;
}



ul.recentposts li h6		{
    font-weight:bold;
}



/*###########################################################
				Sub Menu
############################################################*/

ul.subnav  {
    margin:0px 0 30px 0;
    padding:0;
}

.subnav ul li {
    margin-left:0px;
    list-style-type:none;
}

.subnav li a	{
    height:100%;
    border-bottom:1px solid #ccc;
    padding:3px 0;
    margin:0px 0;
    text-decoration:none;
}

.subnav li li a	{
    margin:0;
    text-decoration:none;
}

.subnav li a:link, 
.subnav li a:visited	{
    color:#5f5f5f;
    display:block;
    text-decoration:none;
}

.subnav li li a:link, 
.subnav li li a:visited	 {
    color:#6b6b6b;
    display:block;
    text-decoration:none;
}


.subnav li.current a	{
    color:#006FB7;
    font-weight:bold;
    text-decoration:none;
}

.subnav li a:hover	{
    color:#006FB7;
    text-decoration:none;
}


/*###########################################################
				List Item
############################################################*/


ul.listitems
{
    margin:0 0 20px 20px;
    padding:0;
}

ul.listitems li
{
    margin:0;
    padding: 3px 10px;
    list-style:circle;
}


ul.listitems li strong{
    color:#000;
}

/* services
------------------------------------------------------*/
.servicebox {
    margin:30px 0;
}

.serviceimgbox {
    width: 300px;
    float: left;
    margin: 10px 20px 20px 0px;
}


p.subheading {
    font-size: 12px;
    color: #6d6d6d;
    margin-bottom: 15px;
}





/* portfolio
------------------------------------------------------*/

.pic a{ float:left; padding:0; margin:5px 0 0 0 !important; display:block; no-repeat:true;}
.pic a img{ float:left; padding:0; margin:0; height:150px;}




/* Blog post 
------------------------------------------------------*/
.post	{
    margin:0px 0 20px 0;
    padding:0 0 20px 0;	
    border-bottom:1px solid #CFCFCF;
    overflow:hidden;
    height:100%;

}

.post .excerpt	{
    width:685px;
    float:left;

}

.excerpt p{
    margin:10px 0;
}				

.post-info	{
    padding:0px 0;
    font-size:11px;
}

.post-img img	{
    background-color:#EFEFEF;
    border:1px solid #CFCFCF;
    padding:5px ;

}

.post h2 	{
    font-weight:bold;
    margin-bottom:0;
    padding:0;
}


span.postcomment a{
    float:right;
    margin:0px 5px 15px 15px;	
}


#bigimg	{
    position: absolute; 
    background-color:#fabc77; 
    border:3px solid #e68e46;
}

.sidebar	{
    margin:0px 0;
}


/*###########################################################
				Footer
############################################################*/

#footer	{
    width:100%;	
    border-top:1px solid #bbb;
    background:#e1dfdf;
    overflow:hidden;
    padding:20px 0 15px 0;
    margin-top:0px;
}


#footer h4  {
    margin:0 0 10px 0;
}

/*	Footer Lists	*/

.col{
    width:200px;
    float:left;
    margin:20px 10px;}
.col ul{
    padding:10px 0;}
.col li{
    list-style:none;}
#search{
    margin:20px 0 20px 40px;
    width:200px;}
.search{
    padding:15px 0;}
.searchbutton{
    background-color:#999;
    border:none;
    color:#ccc;
    padding:2px 3px;
    line-height:16px;
}
.textbox{
    height:20px;
    border: #666 1px solid;}
#copy{
    clear:both;
    color:#666;
    padding:5px;
    width:170px;
    margin:auto;}



#footer	ul {
    margin:0px 0 30px 0;
    padding:0;
}

#footer ul li {
    margin-left:0px;
    list-style-type:none;
}

#footer li a	{
    height:100%;
    padding:3px 0;
    margin:0px 0;
    text-decoration:none;
}

#footer li li a	{
    margin:0;
    text-decoration:none;
}

#footer li a:link, 
#footer li a:visited	{
    color:#5f5f5f;
    display:block;
    text-decoration:none;
}

#footer li li a:link, 
#footer li li a:visited	 {
    color:#6b6b6b;
    display:block;
    text-decoration:none;
}


#footer li.current a	{
    color:#006FB7;
    text-decoration:none;
}

#footer li a:hover	{
    color:#006FB7;
    text-decoration:none;
}


.copyright	{
    background:#000;
    overflow:hidden;
    height:100%;
    padding:5px 0;
}


/*	Error / Success / Notice	
-----------------------------------------------------------------------------------*/

.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
.notes, .notice, .success, .error 
{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
.notes span, .notice span, .success span, .error span 
{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
.notes p, .success p, .error p, .notice p 
{margin: 0px;padding: 0px 40px;}

/*	Contact Form
--------------------------------------------------------------------------------------------*/
#form {
    padding: 15px 0;
}


#form label {
    font-size: 1.2em;
    width: 140px;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 15px;
}


#form .input {
    background:#fbfbfb;		
    border: 1px solid #e5e5e5;
    padding: 5px 7px;
    margin-bottom: 15px;
    width: 360px;
}


#form select {
    background:#fbfbfb;			
    width: 375px;			
    font: 1.2em Tahoma;
    border: 1px solid #e5e5e5;
    padding: 5px 6px;
    margin-bottom: 15px;
}


#form textarea {
    background:#fbfbfb;			
    border: 1px solid #e5e5e5;
    vertical-align: top;
    width: 355px;
    font: 1.1em Tahoma;
    line-height: 1.7em;
    padding: 9px;
    height: 200px;
}


#form .indent {
    padding-left: 145px;
    padding-top: 15px;
}

/* The button */
#form .submitbutton {
    background:url(../images/button.gif) no-repeat;
    width: 105px;
    border:none;
    height:28px;
}



/*************************************following is the new added************************************************/
/*page
--------------------------------------------------------------------*/
.sidebarsubnav{
    border:1px solid #cbcbcb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    background-image:url(../images/siderbg.png);
    background-repeat:no-repeat;
    height:316px;
    position:relative;
}
.sidebarsubnav p{
    position:relative;
    top:40px;
    font-weight:bold;
    font-size:18px;
	text-align:center;
}
.sidebarsubnav ul{
    margin-top:100px;
}
.sidebarsubnav li{

    color:#999;
    font-size:12px;
    font-weight:bolder;
    border-bottom:#999 solid 1px;
    height:30px;
    line-height:30px;
    padding:0px 25px;
}

#sub_menu .current_page_item a{
	color:#D26D26;
}
.sidebarsubnav #current{
    background-image:url(../images/_06.gif);
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    padding:0px 25px;
}


#location{
    border:1px solid #cbcbcb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    background-image:url(../images/_04.gif);
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    padding-left:30px;
    font-size:12px;
    color:#D26D26;
}
#info{
    border:1px solid #cbcbcb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    margin-top:10px;
    padding:20px;
    background-color:#f8fcff;
    position:relative;
}
/*news
--------------------------------------------------------------------*/
#info h2{
    margin:auto;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
#info .meta{
    margin:10px auto;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    background-color:#eee;
    border-bottom:#CCC dashed 1px;
    border-top:#CCC dashed 1px;
    font-size:12px;
    font-weight:inherit;
    line-height:30px;
    padding:0 10px;
}
.meta li{
    float:right;
}
#info p{
    line-height:250%;
    margin:20px 15px 0 15px;
}
/*pics
--------------------------------------------------------------------*/
.picture{
    float:left;
    margin:15px 13px 0 13px;
}
.picture li{
    margin-bottom:15px;
}
.picture span{
    font-size:12px;
    padding:5px;
    line-height:30px;
}
#downnav{
    text-align:right;
    font-size:12px;
    margin:10px;
    width:500px;
    color:#D26D;
    float:right;
}
/*download
--------------------------------------------------------------------*/
.downitem{
    border-bottom:#999 solid 1px;
    padding:30px;
    position:relative;
}
.downitem p{
    font-size:12px;
}
.button{
    background-image:url(../images/_07.gif);
    bottom:0px;
    height:32px;
    font-size:12px;
    line-height:32px;
    text-align:center;
    z-index:100;
}
.downitem span{
    position:absolute;
    right:20px;
    bottom:30px;
    font-size:12px;
    color:#999;}

/*********start showtitles*****************************/

#info .texttitle{

    font-size:100%;
    padding:8px 0 5px 15px;

    background:transparent url(../images/arrow_1.jpg) no-repeat scroll 0 17px;

    border-bottom:#BBB solid 1px;

}

#info .texttitle span{

    display:block;


}

#info .texttitle .lititle{

    margin-left:20px;

    overflow:hidden;

    width:80%;
    padding:1px 0

}

/*********end showtitles****start single*************************/

.hSpace5 {height:5px;line-height:10px;overflow:hidden; clear:both;}
.hSpace10 {height:10px;line-height:10px;overflow:hidden; clear:both;}

.Content{width:960px; margin:0 auto;float:center;}

.Up {width:960px;}
.Overview {width:615px; height:250px; border:1px solid #CBCBCB; float:left;}

.Book img{ margin-left:5px; margin-top:25px;display:block; float:left;}
.BookOver{ float:right;width:470px;margin-top:25px; text-align:left; }

.BookOver p{line-height:22px;font-family:Microsoft YaHei;  color:#6d6a6a; margin-right: 5px;}

.videotap {margin-left:15px;margin-top:25px;}

.Video {width:330px; height:250px; border:1px solid #CBCBCB; float:left; margin-left:5px; display:inline;}

.Down {width:960px;}
.Lab {width:615px; height:310px; border:1px solid #CBCBCB; float:left;}
.Lab h1{margin-left:10px;font-size:17px; font-family:"黑体"; line-height:25px; color:#fa8d35;}
.Links {width:330px; height:310px; border:1px solid #CBCBCB; float:left; margin-left:5px; display:inline;}
.Labdown {width:610px;height:295px;}
.trainpic {margin-left:15px;margin-top:25px;width:185px;float:left;}

.trainlink {width:300px; margin-top:25px;text-align:left;   float:left;margin-left:50px; display:inline; list-style:square url("../images/pot.gif"); }
.trainlink a{line-height:28px;font-family:Microsoft YaHei; color:#6d6a6a;}
.trainlink li{border-bottom:1px dashed #3273B9;}
.linkslink  {margin:5px 30px;}
.linkslink li{border-bottom:1px dashed #3273B9;}
.linkslink a{line-height:28px;font-family:Microsoft YaHei; color:#6d6a6a;}